<template>
    <div>
      <el-form ref="form" :model="form" label-width="80px" class="frame">
        <el-form-item label-width="1px">
            <i class="el-icon-warning-outline"></i>
            通过邮箱关联您的账户登录，如果该邮箱已不再使用，请尽快修改
  </el-form-item>
  <el-form-item label="登录邮箱" >
    <el-input placeholder="请输入内容" v-model="input"  clearable></el-input>
  </el-form-item>
  <el-form-item label="修改邮箱" >
    <el-input placeholder="请输入内容" v-model="input"  clearable></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="submitForm('dynamicValidateForm')">更换号码</el-button>
    </el-form-item>
</el-form>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        radio: '1',
        input:"123",
       password:"123456",
       form:"",
       pickerOptions: {
          disabledDate(time) {
            return time.getTime() > Date.now();
          },
          shortcuts: [{
            text: '今天',
            onClick(picker) {
              picker.$emit('pick', new Date());
            }
          }, {
            text: '昨天',
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24);
              picker.$emit('pick', date);
            }
          }, {
            text: '一周前',
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit('pick', date);
            }
          }]
        },
        value1: '',
        value2: '',

         
      };
    },
    methods: {
     
    },
  };
  </script>
  <style>

    
    .el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
  
/* 
  .el-input {
        width: 170px;
      }
      .el-select{
        width: 170px;
      } */
  .frame{
        width: 470px;  
        
  }

</style>